<template>
	<view class="page_view">
		<view class="" v-for="(item,index) in list">
			<view class="list_item flex">
				<view class="list_item_left">
					<view class="list_item_left_top">
						-{{item.amount}}
					</view>
					<view class="list_item_left_bottom">
						{{item.created_at}}
					</view>
				</view>
				<view :class="['list_item_right',item.status==0?'list_item_right_shenhe':item.status==1?'list_item_right_shenhe1':item.status==3?'list_item_right_shenhe2':'']">
					<!-- {{item.status==0?'待审核':item.status==1?'提现中':item.status==2?'成功':'失败'}} -->
					{{
						item.status==1?'提现中':
						item.status==2?'通过':
						item.status==3?'拒绝':
						item.status==4?'提现成功':
						item.status==5?'提现失败':''
						}}
					<!-- status 状态，1-提现中，2-通过，3-拒绝,4-提现成功，5-提现失败 -->
				</view>
			</view>
			<view v-if="item.status==3" class="list_item_right_shenhe2" style="padding-left: 24rpx;">
				拒绝原因：{{item.reject_reason}}
			</view>
		</view>
		<u-empty  mode="data" v-if="list.length == 0"></u-empty>
	</view>
</template>

<script>
	import {withdraw}from '@/api/common.js'
	export default {
		data() {
			return {
				is_shenhe:true,
				list:[],
			}
		},
		onLoad() {
			this.get_list()
		},
		methods: {
			get_list(){
				let t = this
				withdraw().then(res=>{
					console.log(res)
					if(res.code == 200001){
						t.list = [...t.list,...res.data.data]
					}
				})
			}
		}
	}
</script>

<style>
.list_item{
	width: 100%;
	height: 146rpx;
	padding: 0 30rpx;
	box-sizing: border-box;
}
.list_item_left_top{
	color: #333;
	font-family: Alibaba PuHuiTi 2.0;
	font-size: 30rpx;
	font-weight: 400;
}
.list_item_left_bottom{
	color: #999;
	font-family: Alibaba PuHuiTi 2.0;
	font-size: 24rpx;
	font-weight: 400;
}
.list_item_right{
	text-align: right;
	font-family: Alibaba PuHuiTi 2.0;
	font-size: 30rpx;
	font-weight: 400;
	color: #999;
}
.list_item_right_shenhe{
	color: #ff9d43 !important;
}
/deep/.u-empty{
	margin-top: 300rpx !important;
}
.list_item_right_shenhe1{
	color: #83ffbe !important;
}
.list_item_right_shenhe2{
	color: #ff0000 !important;
}
</style>
